<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Title      : Puzzled
Version    : 1.0
Released   : 20080706
Description: A wide two-column design suitable for blogs and small websites.

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Puzzled by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://localhost:8000/static/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- start header -->
<div id="header">
	<div id="logo">
		<h1><a href="#">Puzzled</a></h1>
		<p>&nbsp;&nbsp;by&nbsp; <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
	</div>
	<div id="menu">
		<ul>
			<li class="current_page_item"><a href="#">home</a></li>
			<li><a href="#">photos</a></li>
			<li><a href="/aboutme.html">about me</a></li>
			<li><a href="#">links</a></li>
			<li><a href="#">contact</a></li>
		</ul>
	</div>
</div>
<!-- end header -->
<div id="headerbg"><p class="text1"><br />
	</p>
</div>
<!-- start page -->
<div id="page">
	<!-- start content -->
	<div id="content">
		<!-- start latest-post -->
		<div id="latest-post" class="post">
			<h1 class="title">My Blog!</h1>
			<br/>
			
			{% block content %}



<h2>Recent Posts</h2>
{% for post in posts %}

<h3>-Title: {{post.title}}</h3>

<div class="post_meta">
 on {{ post.created }}
</div>

<div class="post_body">
 {{ post.body|safe|linebreaks }}
</div>

<div class="post_category">
 Category: {{ post.category.Category_name }}
</div>

{% endfor%}
{% endblock %}
	</div>
	<!-- end content -->
	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<li>
			
			</li>
			<li>
			</li>
			<li>
			</li>
			<li>
				<h2>Favourites Websites </h2>
					
{% for sy in sites %}

  <div class="site_name">
  <a href={{sy.site}}>{{sy.site}}</a>
  
{% endfor%}
				<br />	
					<h2> Categories </h2>
					
					<form action="/catrgory/" method="POST">
					{% csrf_token %}
					<input type="text" id="name" name="name" />
					<button type="submit" value="Submit">view Category</button>
					</form>
					{% for c in categories %}

					  <div class="name">
					  <a href="/category/">{{c.Category_name}}</a>
					{% endfor%}
				
			</li>
		</ul>
		<div style="clear: both;">&nbsp;</div>
	</div>
	<!-- end sidebar -->
</div>
<!-- end page -->
<div id="footer">
	<p id="legal">&copy;2007 Puzzled. All Rights Reserved.  Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
	<p id="links"><a href="#">Privacy</a>&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; <a href="#">Terms</a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> &nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>
</body>



</html>
